<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>超链接</title>
</head>
<body>
<a href="p2.html">跳转至今日的第2个页面</a>
<a href="p4.html">跳转至今日的第4个页面</a>
<hr>
<a href="https://www.baidu.com/">百度</a>
<a href="https://www.tmooc.cn/">跳转到TMOOG</a>
<hr>
<a href="https://www.baidu.com/">
    <img src="1.png" width="200px">
</a>
<hr>
<!--_self刷新当前页   _blank打开一个空白页-->
<a href="https://www.baidu.com/" target="_self">百度1</a>
<a href="https://www.baidu.com/" target="_blank">百度2</a>
<hr>
<!--锚点-->
<h1>西游记</h1>
<a href="#c1">跳转至第1章</a>
<a href="#c2">跳转至第2章</a>
<a href="#c3">跳转至第3章</a>
<hr>
<h3 id="c1">第一章 石猴出世</h3>
<!--p*20>lorem-->
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid beatae cumque dignissimos distinctio dolor earum,
    error inventore itaque, nemo porro quod reiciendis reprehenderit rerum sapiente sequi tenetur totam ut
    voluptatem.</p>
<p>Error fuga inventore velit veniam voluptatibus? Aperiam deserunt dolorum ducimus, enim ex facilis fuga, fugit ipsam
    ipsum laborum magni nisi non numquam officiis optio perferendis quod sed tempore velit voluptatem.</p>
<p>Ab aliquam architecto atque consequatur, cumque ex, itaque, laboriosam modi mollitia nesciunt nobis non nulla
    reiciendis soluta tempora? Cupiditate distinctio enim eos hic illum, libero natus neque quis sint tempore.</p>
<p>Accusantium, adipisci alias dolorem ea, eius error facilis labore possimus provident temporibus ut, vel? Enim
    excepturi fugiat hic impedit incidunt, necessitatibus ratione reiciendis rem saepe sapiente suscipit temporibus
    voluptates voluptatibus!</p>
<p>Dolor laboriosam maiores odit similique voluptas? Aliquid architecto at aut dignissimos error expedita laborum libero
    magnam minima molestiae necessitatibus nemo non optio perspiciatis provident quaerat quia, quis sint vitae
    voluptatem!</p>
<p>Aperiam distinctio dolorem fugiat harum, incidunt libero, magni nobis odit quas quasi, quos reprehenderit voluptatem.
    Expedita magni mollitia praesentium veniam! Ad debitis exercitationem impedit incidunt laborum repellat sapiente
    vero voluptatum!</p>
<p>Ad amet atque cupiditate deserunt eos hic obcaecati rem sed voluptate! Aliquid asperiores aspernatur assumenda at
    beatae culpa dolore eos hic iusto, molestias sint totam ut vitae! Dolores et, laudantium.</p>
<p>Accusantium, consectetur, deleniti dolorem enim eos expedita, hic illo illum laudantium mollitia non officia quasi
    quidem quod ratione sed sit tempore ut voluptas voluptates. Ad cumque debitis perferendis sed soluta?</p>
<p>Amet dicta, dolores esse, eum laboriosam molestiae nesciunt nihil non officiis porro quaerat quibusdam tempora vero!
    A adipisci consequuntur culpa eligendi excepturi hic illo laudantium, natus nemo optio, quod totam?</p>
<p>Autem cum ea expedita ipsum, libero molestias necessitatibus, non odit provident quasi quod sed sit tempore veritatis
    vero. Aut cum laudantium quas qui rem saepe unde vero, voluptas? Architecto, dolorem.</p>
<p>Facere nihil quidem reprehenderit sequi? Accusantium architecto asperiores dignissimos dolores et fuga, fugiat magni
    neque nulla officiis optio porro possimus quam sed sunt tempora voluptates. Autem repellat soluta totam
    voluptates?</p>
<p>Amet dolore doloremque ducimus eius eos incidunt maiores mollitia, obcaecati quam quis sequi sint suscipit
    voluptates! Animi assumenda autem cupiditate dolor ea esse fugit minus neque nesciunt, quos repellat
    reprehenderit?</p>
<p>Ad at, atque, blanditiis deleniti enim ex exercitationem facere laborum non nostrum, quae quo reiciendis tempore
    tenetur unde vel vitae? At, earum excepturi itaque quibusdam quis recusandae sequi veritatis voluptatum?</p>
<p>Delectus nesciunt quae voluptatem? Accusamus ad cum cumque enim expedita fuga id minus mollitia nulla obcaecati, odit
    praesentium, repellendus sunt voluptas, voluptatum! Ducimus earum eum itaque, molestiae numquam sequi voluptate!</p>
<p>Aliquam autem, cupiditate dicta earum, exercitationem facere facilis illum itaque libero minima nesciunt nostrum odit
    possimus sed similique! Consequatur corporis dolore enim natus perspiciatis quaerat quam quod saepe vel
    voluptas!</p>
<p>Ab amet animi, aspernatur autem, dicta dolore esse ex illo libero nulla officiis quae quam quas tempore vel veniam
    voluptatem? Asperiores hic iure libero maxime nostrum qui sunt suscipit voluptate.</p>
<p>Ab aliquid at delectus dicta doloremque eligendi est exercitationem expedita, labore magnam minima nostrum porro quam
    quasi quidem repellat sequi? Aut dolores dolorum eius fugit illo ipsam, itaque numquam repudiandae.</p>
<p>Adipisci blanditiis, commodi cupiditate dolores facere id in iste iure libero natus nihil nisi non quam quasi quidem
    recusandae rem repellat sint sit voluptates. Accusamus aut commodi distinctio tempore totam.</p>
<p>Accusamus alias amet ducimus ea est eum explicabo illo ipsam maxime minus molestias necessitatibus, nihil nulla
    pariatur porro possimus qui repudiandae rerum saepe, sequi similique sit tempora velit? Dolor, provident.</p>
<p>Architecto at consequuntur dolorem dolores ea expedita maxime necessitatibus odio, quae, quia, quibusdam recusandae
    reprehenderit unde. Aliquam beatae eveniet fugiat illo inventore maxime natus omnis recusandae rerum sint, tempora
    voluptatibus!</p>
<h3 id="c2">第二章 蓬莱学艺</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est exercitationem explicabo labore molestias. Aliquid,
    culpa, illo illum laudantium, magni neque nesciunt perspiciatis placeat quam quod rem vel voluptates voluptatibus.
    Esse.</p>
<p>Architecto blanditiis consequuntur cumque deleniti, dicta dignissimos, ea fugit id incidunt iusto magni, minus
    necessitatibus porro sapiente sint temporibus ullam. Adipisci blanditiis consectetur, debitis illo officia optio
    quod reprehenderit voluptatem!</p>
<p>Alias aliquam assumenda cum ea eveniet explicabo facere id illum in, iusto libero minima nihil nulla pariatur
    perferendis placeat quas quasi quibusdam quis repellendus repudiandae suscipit tenetur ut veniam vero!</p>
<p>Deleniti dolore doloremque ea earum incidunt, ipsum necessitatibus odit officia perferendis quas suscipit ut?
    Aliquid, aperiam corporis deleniti, dolor eos fugiat magni nobis, nulla quasi qui similique temporibus tenetur
    veniam!</p>
<p>Ab asperiores assumenda, debitis dolor esse et, impedit libero molestias natus necessitatibus, nobis numquam odit
    pariatur porro possimus quasi qui quidem quos recusandae reprehenderit sed sit soluta tempore vel vitae.</p>
<p>Accusamus accusantium adipisci amet animi assumenda consequuntur dicta dignissimos dolores eligendi iusto mollitia
    nesciunt, officia omnis porro quibusdam quisquam recusandae sit sunt tempora tempore temporibus, ullam ut velit
    voluptatibus voluptatum.</p>
<p>Architecto beatae, consequatur debitis est eum exercitationem fuga minima pariatur possimus quae sequi temporibus
    veritatis voluptatibus! Ad assumenda, doloribus harum iusto laborum magni molestias odio perspiciatis rerum sint
    veritatis voluptas.</p>
<p>Aliquam consequatur consequuntur, cum, deleniti dicta dolor dolore est ex expedita facere harum, impedit itaque iure
    molestias nesciunt nihil nobis pariatur perferendis quas quasi quos rerum sint totam vero voluptate!</p>
<p>Animi delectus, deserunt laborum unde veritatis vero. Blanditiis officia quaerat ullam veniam. Ab accusantium
    adipisci aliquid, consequuntur cum eligendi hic illo iste nisi officia pariatur porro, ratione sapiente soluta
    veniam.</p>
<p>Alias amet architecto consequatur distinctio eos harum maiores? Aspernatur iure mollitia officia vitae voluptatum?
    Accusantium animi atque aut dicta dolorem esse minima necessitatibus nobis quo quos repellendus, sapiente sint
    voluptate?</p>
<p>Assumenda commodi cumque dicta dolore doloribus, id labore molestias neque non qui quidem sed voluptates voluptatum?
    Accusamus aspernatur consequuntur deleniti, dolore dolores id magnam minus obcaecati possimus quas quidem
    reprehenderit.</p>
<p>Dolore exercitationem iusto odit quae quia repellendus rerum saepe totam vero voluptatem! A architecto atque,
    cupiditate ducimus earum eos et, excepturi hic ipsam libero, non provident recusandae sed voluptate voluptatem!</p>
<p>Aliquid consectetur dolorem doloribus earum, eius excepturi exercitationem in incidunt maxime necessitatibus, quia
    unde voluptatum. Alias beatae eius iusto nemo odio pariatur quis saepe sapiente! Ipsa provident similique velit
    vitae.</p>
<p>Animi et eum fugit ipsa nesciunt nobis nulla quasi quisquam voluptas! Beatae excepturi fuga ipsum numquam officiis
    praesentium quidem, quod repellat saepe vel. Animi aut eum iusto quas repellendus vitae?</p>
<p>Accusantium aliquam aliquid architecto, at deleniti dolore doloremque earum exercitationem ipsum laborum natus
    necessitatibus odit qui quibusdam quis repudiandae sint veritatis. Consequuntur debitis facilis inventore odit
    repellendus. Ex molestias, quae?</p>
<p>A ab accusantium doloribus eveniet iusto laborum, molestiae nam nemo nulla optio pariatur possimus, quis sint sit
    suscipit tempora ut! Accusantium ad aliquam deleniti ea excepturi fuga, rerum similique vel?</p>
<p>Hic laboriosam, nesciunt? Accusamus assumenda cum debitis deserunt doloribus dolorum iste maxime, non perspiciatis
    praesentium quia quos sed temporibus veritatis, vitae? Aliquam animi dolore error explicabo facere repellendus sunt
    voluptatem.</p>
<p>Ab cum ducimus eius eum facere illo maiores minima, nam, nisi nulla, quis sapiente suscipit ut! Aliquam cupiditate
    est repudiandae sed ullam. Animi, delectus deserunt esse explicabo magnam pariatur voluptatibus?</p>
<p>Architecto consectetur consequatur delectus deleniti dicta distinctio eaque eveniet ex fugit hic id impedit in
    incidunt itaque iure laborum maiores non officia officiis, porro quas qui quisquam quo rem vel.</p>
<p>Animi autem consequuntur delectus dignissimos ea facilis id in magni minima necessitatibus non, numquam, placeat
    quia. Adipisci architecto, assumenda cum deserunt est fugit hic nihil officiis quisquam repellat, sapiente
    sequi.</p>
<h3 id="c3">第三章 龙宫借宝</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur, eligendi, similique? Accusamus blanditiis,
    consequatur dolorem dolorum facere facilis magni modi natus nemo nisi possimus quasi reiciendis reprehenderit
    suscipit totam, vero!</p>
<p>Ab est expedita maxime numquam pariatur quaerat repellendus saepe sunt ullam voluptatem? Amet animi cum enim et fugit
    iure magni nemo odio, officia pariatur quidem repellendus reprehenderit ut, voluptatibus voluptatum.</p>
<p>A accusantium animi aperiam blanditiis consequuntur cum debitis ducimus ex excepturi expedita fuga in labore
    molestiae nulla numquam officia omnis optio sapiente, tempore tenetur vel veniam vitae voluptatem? Quis,
    repellendus.</p>
<p>Animi asperiores at aut autem consequuntur, debitis, est illum itaque laboriosam magni odio odit quidem quos.
    Architecto cum dicta dolore eius id odio omnis porro quaerat quis! Eligendi, id vero!</p>
<p>Consequatur consequuntur doloremque excepturi exercitationem expedita in ipsum maiores maxime modi perferendis quas,
    qui reprehenderit sapiente, sunt unde vel, voluptates. At consequatur, culpa doloribus esse excepturi illo illum
    nulla sed.</p>
<p>Corporis cumque distinctio laborum minima nam, necessitatibus nesciunt nisi perspiciatis, quae quidem repudiandae
    rerum similique sint veniam voluptates? Asperiores consequuntur dignissimos ducimus error excepturi expedita maxime
    nemo sed! Expedita, voluptates?</p>
<p>Consequuntur expedita quis veniam vitae voluptates? Ab accusamus alias, aperiam commodi consequatur ex explicabo
    facilis fugiat in labore laudantium maiores minima molestias neque pariatur reiciendis sequi totam veniam vero
    voluptate.</p>
<p>Aliquam architecto aspernatur blanditiis commodi dolor eius facere, laudantium maxime natus nulla perspiciatis quia
    rem reprehenderit sed veniam. Commodi cum debitis excepturi explicabo maxime minima odio perferendis tenetur vitae
    voluptatem.</p>
<p>Dolores esse expedita fugit impedit iure iusto velit. Ab autem consequatur deleniti deserunt enim, expedita laborum
    nemo quod soluta totam veritatis vero. Asperiores debitis dolorem mollitia officiis optio qui soluta?</p>
<p>Ab aspernatur autem commodi consectetur debitis dignissimos dolores eligendi eveniet facere fuga hic ipsam ipsum
    laboriosam molestias nam natus nemo nisi odio, quibusdam quidem ratione rem soluta tempora veniam voluptates.</p>
<p>Cupiditate debitis id ipsam laborum minima molestias nam neque odio officia possimus, quae quis! Ad aliquid, commodi
    consequuntur fugit inventore ipsum iure laboriosam natus neque nesciunt reiciendis repellat sunt vero?</p>
<p>Ad aperiam at atque distinctio excepturi hic in, itaque labore, magnam nam nostrum quas sequi, sit vitae voluptatum.
    Consequatur, dolor, eius? Amet architecto aut distinctio, inventore nam sit tenetur totam!</p>
<p>Accusamus accusantium asperiores aut blanditiis dignissimos esse est facilis fugiat harum, iste itaque laboriosam,
    laborum, laudantium minus nemo nisi nostrum omnis quas quasi quisquam quo sit totam ullam veniam voluptatum.</p>
<p>Aliquam, at atque, culpa dicta eos error eveniet exercitationem expedita ipsa magni nihil nobis numquam praesentium
    qui quidem quisquam ut, velit voluptatibus. Consequatur eligendi eveniet fuga placeat rem soluta sunt?</p>
<p>Illo nostrum officiis quos rem soluta suscipit temporibus vitae, voluptatem? Ad alias amet commodi, consequatur cum
    est et impedit ipsa ipsum iste iusto libero molestias nemo odio recusandae unde voluptatum?</p>
<p>A ab aliquam at beatae consectetur delectus dolores eaque eius eos error harum laborum minus mollitia perspiciatis
    reiciendis rerum sapiente sit sunt tempora, tempore temporibus tenetur ut velit! Exercitationem, incidunt?</p>
<p>Cumque eius minus numquam quasi temporibus veritatis. Amet asperiores beatae consequuntur deleniti eaque eius et
    eveniet fugit, illum ipsam laborum, mollitia nihil, quae quo quod quos sit sunt? Amet, quae.</p>
<p>Aliquid autem ducimus enim in nam obcaecati perferendis possimus praesentium quas, quo repellat rerum sequi unde
    vitae voluptatem? Animi architecto cum nihil nobis odit omnis qui sapiente soluta suscipit, tempore.</p>
<p>Inventore iste necessitatibus tenetur. At nemo nostrum obcaecati soluta! Aut dolorum eius explicabo maiores officia?
    Alias architecto aspernatur autem commodi dolorum impedit laboriosam, laudantium molestiae, neque nisi, obcaecati
    rem sequi?</p>
<p>Accusantium asperiores assumenda at beatae cum deserunt dicta doloremque eius et impedit ipsam nam, nobis nostrum
    obcaecati pariatur possimus provident quo quod, recusandae rerum sequi sint voluptates. Distinctio, ea, officia!</p>
<a href="#">跳转至顶部</a>


</body>
</html>